<template>
    <div class="card">
        <div class="card-title">
            <slot name="cardTitle"></slot>
        </div>
        <div class="card-content">
            <slot name="cardContent"></slot>
        </div>
    </div>
</template>

<style scoped lang="less">
.card {
    padding: 40px;
    background-color: #FFFFFF;
    border-radius: 15px;

    .card-title {
        margin-bottom: 40px;
        color: rgba(62, 39, 35, 1);
        font-size: 16px;
        text-align: left;
        font-weight: bold;

        &::before {
            display: inline-block;
            margin-right: 10px;
            content: '';
            width: 8px;
            height: 16px;
            background-color: rgba(62, 39, 35, 1);
            border-radius: 7px;
            vertical-align: middle;
        }
    }
}
</style>

<script>
export default {
    name: 'adminCard'
}
</script>